<template>
  <el-container  style="height: 100%; border: 1px solid #eee">
    <left-side-bar></left-side-bar>
    <main-bar></main-bar>
  </el-container>
</template>

<script>
import LeftSideBar from "./components/LeftSideBar";
import MainBar  from "./components/OtherCountry";
import {ref} from "vue";


export default {
  name: 'App',
  components: {
    LeftSideBar,
    MainBar
  },
  provide: {
    pickedCoun: ref(''),
    pickedCity: ref('')
  },
}
</script>

<style>
#app {
  height: 100%;
  width: 100%;
}
</style>
